<template>
    <div id="consulting">
        <div class="breadcrumb">
            <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item>您的位置</el-breadcrumb-item>
                <el-breadcrumb-item>|首页</el-breadcrumb-item>
                <el-breadcrumb-item>咨询</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
<!--        调用studies-results研学成功组件-->
        <div class="container-content">
            <studies-results :title="title"/>
            <NewList/>
        </div>
    </div>
</template>
<!--咨询-->
<script>
    import {Breadcrumb, BreadcrumbItem} from "element-ui";
    //调入公用组件组件
    import StudiesResults from "@/component/studiesResults/StudiesResults";
    import NewList from "@/pages/consulting/list/NewList";
    import {debounce} from "../../utils/utils";

    export default {
        props: {
            keyWord: {
                type: String,
                require: true
            }
        },
        name: "Consulting",
        components: {
            "el-breadcrumb": Breadcrumb,
            "el-breadcrumb-item": BreadcrumbItem,
            StudiesResults,
            NewList
        },
        data(){
            return{
                timeId: undefined,
                title:"通知公告"
            };

        },
        created() {
        },
        methods: {
            a() {
                (()=>{
                    let {timeId} = this;
                    if (timeId) {
                        clearTimeout(timeId);
                    }
                    this.timeId = setTimeout(() => {

                    }, 1000);
                })();
            }
        },
        mounted() {

        },
        watch: {
            keyWord(newValue) {
                this.a();
            }
        }
    }
</script>

<style scoped>
    .breadcrumb {
        margin-top: 20px;
        margin-left: 40px;
    }
    .container-content{
        margin-top: 50px;
        display: flex;
        justify-content: space-evenly;
    }
</style>
